@charset "utf-8";
/* 1.通用选择器：规范页面效果 */
*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-family: 微软雅黑;
	/* 设置背景颜色 */
	background-color: #f5f5f5;
}
/* 2.外层空间  product_card */
div.product_card{
	bor der: 1px solid red;
	width: 250px;
	/* 卡片-内外边距：15px 20px */
	padding: 15px;/* 内边距：图片和内容与框之间的距离 */
	margin: 20px;/* 外边距：与其他卡片或者页面之间的距离 */
	/* 无边框 */
	border-radius: 6px;
	background-color: #fff;
	/* 文本居中 */
	text-align: center;
	/* 阴影3种：盒子阴影 立体感
	 box-shadow 盒子阴影：X Y模糊距离 颜色：reba()
	*/
   box-shadow: 0 15px 5px rgba(0,0,0,.2);
}
/* 3.内层图片 */
div.product_card img{
	bo rder: 1px solid red;
	width: 100%;
	border-radius: 6px;
	/* 图片与标题之间产生间距 */
	margin-bottom: 10px;
}
/* 4.标题 */
div.product_card h3{
	bor der: 1px solid red;
	/* 上下添加间距 */
	margin: 10px 0;
	color: #303030;
	background-color: #fff;
}
/* 5.价格 */
div.product_card p.price{
	bor der: 1px solid red;
	/* 下添加间距 */
	margin-bottom: 10px;
	/* 字体大小 */
	font-size: 1.3em;
	color: #f00;
	background-color: #fff;
}
/* 6.评论 ①p元素整体设置：字体尺寸 .9em、颜色*/
div.product_card p.rating{
	/* 默认字体：12px 14px 16px */
	font-size: .9em;
	color: #9d9d9d;
background-color: #fff;
}
/* ②10万+  右左边距 */
div.product_card p.rating span{
	color: #c7c7c7;
	margin: 0 3px;
	background-color: #fff;
}
